<div
  class="relative flex flex-col gap-8 bg-neutral-950 border border-white/10 w-full max-w-lg rounded-xl p-10 overflow-hidden"
>
  <div
    class="absolute right-5 top-0 h-px w-80 bg-gradient-to-l from-transparent via-white/30 via-10% to-transparent"
  />
  <p class="text-base text-center leading-[1.5] text-neutral-300">
    “Luxe is an interesting library, with its ease of copying and pasting
    complex components without the need to install any lib and leaves us with
    the power to control our own components.”
  </p>
  <div class="flex items-center justify-center gap-3">
    <img
      src="https://avatars.githubusercontent.com/u/93428946"
      alt="Bhide"
      width={40}
      height={40}
      class="rounded-full object-cover"
    />
    <div class="flex flex-col">
      <a
        href="https://github.com/SikandarJODD"
        target="_blank"
        rel="noopener noreferrer"
        class="text-base font-medium text-neutral-300 leading-none duration-300"
      >
        Sikandar Bhide
      </a>
      <span class="text-neutral-400">Copied Luxe, Not a Creator</span>
    </div>
  </div>
</div>
